.lotteryBox {
  width: 100vw;
  height: 100vh;
  overflow-y: auto;
  background-image: linear-gradient(to bottom, #ffa34a, #fff, #fff);
}

.hdName {
  color: #fff;
  line-height: 1em;
  font-size: 40rpx;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10rpx;
}

.priceImgBox {
  width: 700rpx;
  height: 630rpx;
  margin: 0 auto;
  display: block;
  overflow: hidden;
  border-radius: 30rpx;
}

swiper {
  width: 700rpx;
  height: 630rpx;
  margin: 0 auto;
  display: block;
  overflow: hidden;
  border-radius: 30rpx;
}

.swiper-item .image, .priceImgBox .priceImg {
  width: 700rpx;
  height: 630rpx;
  display: block;
}

.priceLists {
  width: 700rpx;
  margin: 20rpx auto;
}

.priceName {
  color: #000;
  font-size: 28rpx;
}

.priceNum {
  color: #999;
  margin-left: 10rpx;
}

.draw_time {
  width: 700rpx;
  color: #999;
  font-size: 28rpx;
  margin: 0 auto 20rpx;
}

.border {
  width: 100%;
  height: 2rpx;
  background: #ccc;
}

.rules {
  color: #000;
  padding: 25rpx;
  font-size: 28rpx;
}

.resultBox {
  padding: 40rpx 25rpx;
}

.baomingBox {
  width: 250rpx;
  height: 250rpx;
  position: relative;
  margin: 0 auto;
}

.baoming {
  top: 25rpx;
  left: 25rpx;
  width: 200rpx;
  height: 200rpx;
  position: absolute;
  border-radius: 50%;
  background: #ad1c1f;
  z-index: 2;
}

.baoming xhs-button {
  padding: 0px;
  color: #fff;
  width: 200rpx;
  display: flex;
  height: 200rpx;
  font-size: 40rpx;
  position: absolute;
  align-items: center;
  font-weight: bold;
  background: #ad1c1f;
  justify-content: center;
}

.baomingBg {
  top: 25rpx;
  left: 25rpx;
  width: 200rpx;
  height: 200rpx;
  position: absolute;
  border-radius: 50%;
  background: #ad1c1f;
  opacity: 0.3;
  animation: myscale 1.6s ease-in-out infinite;
}

@keyframes myscale {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.125);
  }
  100% {
    transform: scale(1);
  }
}

.baomingLists {
  color: #999;
  font-size: 28rpx;
  text-align: center;
  padding: 0 25rpx 80rpx;
}

.baomingList {
  display: flex;
  margin-top: 10rpx;
  align-items: center;
  justify-content: center;
}

.baomingList .baomingTouxiang { 
  width: 60rpx;
  height: 60rpx;
  margin: 0 5rpx;
}

.winnersListsBox {
  background: #fff;
  padding: 80rpx 25rpx;
}

.winnersTit {
  font-size: 28rpx;
  margin-bottom: 10rpx;
}

.winnersList {
  font-size: 24rpx;
  text-align: center;
  line-height: 60rpx;
  background: #ebebeb;
  border: 1px solid #ccc;
}

.winnersItemBox {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background: #fff;
  padding-top: 20rpx;
  justify-content: flex-start;
}

.winnersItem {
  width: 33.333%;
  margin-bottom: 10rpx;
}

.winnersItem .winnerImgBox {
  display: block;
  overflow: hidden;
  margin: 0 auto;
}

.winnersTouxiang {
  width: 100rpx;
  height: 100rpx;
  display: block;
  margin: 0 auto;
  border-radius: 50%;
}

.winnersItem .winnersName {
  font-size: 24rpx;
  text-align: center;
}

.zhongjiangResBox {
  padding: 25rpx;
  border-radius: 10rpx;
  background-image: linear-gradient(to right, #f43b65, #ed493d);
}

.zhongjiangBox {
  color: #fff;
  font-size: 30rpx;
  font-weight: bold;
  text-align: center;
  padding: 20rpx 0rpx;
  border-radius: 10rpx;
  background-image: linear-gradient(to right, #d93955, #d83d45);
}



/* 中奖结果 */
.result_zzc {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  left: 0;
  top: 0;
  z-index: 14;
}

.lottery_result {
  width: 100vw;
  position: fixed;
  left: 0;
  height: 960rpx;
  top: 50%;
  margin-top: -480rpx;
  z-index: 14;
  background: url('https://statics.offcn.com/hb/pc/images/wxxcx/lottery/2021cj_back_result5.png') no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
  padding: 108rpx 150rpx 0;
}

.resulut_tips {
  font-size: 36rpx;
  line-height: 2;
  color: #9a5812;
  text-align: center;
}

.result_name {
  color: #333;
  font-size: 34rpx;
  font-weight: bold;
  line-height: 50rpx;
  text-align: center;
  margin: 10rpx 20rpx 50rpx;
}

.result_img {
  margin: 25rpx auto 0;
  display: block;
  width: 110rpx;
  height: 110rpx;
  border-radius: 50%;
}

.result_real {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
}

.result_course_rules {
  margin: 40rpx auto 60rpx;
  font-size: 30rpx;
  line-height: 2;
  color: #333;
  text-align: center;
}

.result_shxx {
  width: 100%;
  height: 80rpx;
  display: block;
  position: relative;
  align-items: center;
  margin-bottom: 15rpx;
  justify-content: center;
}

.result_shxx text {
  float: left;
  width: 30%;
  font-size: 30rpx;
  line-height: 80rpx;
  color: #333;
}

.result_shxx input {
  float: left;
  width: 70%;
  height: 80rpx;
  border: 1px solid #666;
  background: #fff;
  font-size: 30rpx;
  line-height: 80rpx;
  color: #333;
}

.result_btn,
.result_close_btn,
.result_btn_19mfk {
  width: 300rpx;
  font-size: 36rpx;
  line-height: 2.5;
  color: #fff;
  background: #E3AA4F;
  border-radius: 1.25em;
  margin: 30rpx auto 0;
  text-align: center;
}

.result_coursegz {
  text-align: left;
  font-size: 32rpx;
  line-height: 1.5;
  color: #333;
  max-height: 6em;
  overflow-y: auto;
  margin-bottom: 20rpx;
}